<!-- 违规投诉详情 -->

<template>
    <div class="platformTrends-details-page">
        <h1 class="title">吉浪-河口天然气联络管道工程施工第二标段位子甘肃省兰州市永登县、西固区境内</h1>
        <div class="info">
            <span>发布时间：&nbsp;&nbsp;2023年04月13日</span>
        </div>
        <div class="content">
            <div class="content-center">
                <div><strong>发生地：</strong> 甘肃省-兰州市-永登县</div>
                <div class="state">当前状态：审核通过，等待转办</div>
                <div><strong>污染企业名称：</strong>中油（新疆）石油工程有限公司;国家管网集团联合管道西部分公司</div>
                <div><strong>详细位置：</strong>兰州市永登县终点为西固区</div>
                <div><strong>污染类型：</strong>生态破坏</div>
                <div><strong>投诉时间：</strong>2023-04-06</div>
                <div><strong>污染持续时间：</strong>1年以下</div>
                <div><strong>是否对政府公开联系方式：</strong>否</div>
            </div>
            <div class="annex">
                <span><img src="@/assets/images/u251.png" alt="">附件：</span>
                <span class="link cursor-pointer" @click="handleAnnex"><img src="@/assets/images/u252.png" alt="">&nbsp;太原市迎泽区卫生局卫生临督所2023年4日至12月政府采购意向-公用经费项目附件</span>
            </div>
            <div class="content-describe">
                <div class="describe-title">详情描迷</div>
                <div class="describe-content">
                    违法行为：<br>
                    （1）项目在未履行国土、环保审批手续的情况下未批准先建。破坏农田、林地、草原，严重损害当地生态环境。<br>
                    （2）现场执行环保标准不到位。管沟和顶管基坑不执行分层开挖制度。表层土和底层土无序堆放，使回填后无法保持植物生长原有的生活环境，水土流失严重，无防尘措施，较去年同期破坏空气有明显变化。<br>
                    期盼解决：<br>
                    （1）相关部门根据相关法律法规停止该项目违法行为，坚决整改，符合国家环保和土地法规后再进行施工。<br>
                    （2）当地政府及司法部门履职到位，对之前违法事件进行处罚及诉讼，避免此类事件发生，使环保监管不留于表面，坚持“零容忍”的态度依法查处违法行为，拒绝盲目发展。
                </div>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    setup() {
        // 下载附件
        function handleAnnex() {
            alert('下载附件')
        }
        return {
            handleAnnex
        }
    }
}
</script>
<style scoped>
    .platformTrends-details-page {
        height: calc(100% - 80px) ;
        background: #fff;
        border-radius: 10px;
        padding: 30px 20px;
        margin-bottom: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .title {
        font-size: 25px;
    }
    .info {
        font-size: 15px;
        color: #777;
        margin: 15px 0 30px 0;
    }
    .content {
        width: 100%;
        font-size: 13px;
        line-height: 20px;
    }
    .content-center {
        width: 100%;
        position: relative;
    }
    .content-center>div {
        margin: 10px 0;
    }
    .state {
        position: absolute;
        right: 0;
        top: 0;
        margin: 0 !important;
        font-weight: bold;
        color: #E5922E;
    }
    .annex {
        margin-top: 20px;
        display: flex;
        flex-direction: row;
        align-items: center;
        text-align: center;
    }
    .annex span {
        font-size: 13px;
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    .link {
        color: #999;
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    .annex img {
        width: 15px;
        height: 15px;
    }
    .content-describe {
        margin-top: 20px;
    }
    .describe-title {
        font-weight: bold;
        color: #16B6A0;
    }
    .describe-content {
        line-height: 30px;
        font-size: 10px;
    }
</style>